<template>
    <div>
        <p>{{ name }}</p>
        <button @click="changeName">change</button>
    </div>
</template>
<script>
export default {
    methods:{
        changeName(){
        //this.$emit子传父
        //.sync修饰符,修改纯值很好用
        //.sync让props拥有"双向绑定"
        this.$emit("update:name",'我把一个新房子')
        }
    },
    props:{
        name:{
            type:String,
            default:"哈哈哈"
        },
        // obj:{
        //     //对象和数组要用函数返回
        //     type:Object,
        //     default : function(){
        //         id:0,
        //         name:"faa",
        //         $:0
        //     }
        // }
    }
}
</script>
<style>
/*>>> 深度选择器,scss里使用 */
</style>